<script setup lang='ts'>
defineProps({
  ItemData: {
    type: Number,
    required: true,
  },
})
</script>
<template>
  <div class="home-item">
    <el-avatar
      shape="square"
      class="img"
      :src="'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png'
      "
      @error="() => true"
    >
      <img src="https://cube.elemecdn.com/e/fd/0fc7d20532fdaf769a25683617711png.png" />
    </el-avatar>
    <p class="name">用户名 {{ ItemData }}</p>
  </div>
</template>
<style scoped lang='scss'>
.home-item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  .img {
    width: 40px;
    height: 40px;
  }
  .name {
    padding-left: 10px;
  }
}
</style>